<template>
  <div :id="id" class="divlabel-container" v-show="show">
    <span class="animate-marker__text">{{ title }}</span>
  </div>
</template>

<script>
export default {
  name: "DynamicLabel",
  data() {
    return {
      show: false,
    };
  },
  props: {
    title: {
      type: String,
      default: "标题",
    },
    id:{
        type:String,
        default:'001'
    }
  },
};
</script>


<style>
.divlabel-container{
  background-color: #fff;
  border: 1px solid #60cdad;
}
.animate-marker__text {
  color: black;
  font-size: 20px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  user-select: none;
  cursor: pointer;
}
</style>

